@media screen and (min-width: 768px) {
	.alert-message {
		margin-top: 10px;
		margin-bottom: 30px;
		border: solid white 1px;
		border-radius: 10px;
		text-align: left;
		font-size: large;
		padding: 10px 30px 10px 30px;
		display: inline-block;
		width: 100%;
	}
}

@media screen and (max-width: 768px) {
	.alert-message {
		padding: 3px 10px 3px 10px;
		margin-top: 5px;
		margin-bottom: 10px;
		border-radius: 5px;
	}
}

.alert-message-success {
	background-color: rgba(60, 118, 61, 0.1);
	color: #3c763d;
}

.alert-message-failed {
	background-color: rgba(169, 68, 66, 0.1);
	color: #a94442;
}

.alert-message-info {
	background-color: rgba(0, 82, 155, 0.1);
	color: #00529B;
}

.alert-message-clickable {
	cursor: pointer;
}

.alert-message-container {
	text-align: center;
}

.hidden {
	display: none;
}